i{font-style:normal}

@font-face {font-family: 'iconfont';
    src: url('font/iconfont.eot'); /* IE9*/
    src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/iconfont.woff') format('woff'), /* chromeÃ£â‚¬Âfirefox */
    url('font/iconfont.ttf') format('truetype'), /* chromeÃ£â‚¬ÂfirefoxÃ£â‚¬ÂoperaÃ£â‚¬ÂSafari, Android, iOS 4.2+*/
    url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  font-family: iconfont;
}

.rel{position: relative;}
.abs{position: absolute;}
.elp{display:block;white-space:nowrap;overflow:hidden;/*text-overflow:ellipsis;*/}
a{transition:0.3s;}
a:hover{color:#007eb5;}

.container{padding-left:0;padding-right:0;width:1170px;}
.header{border-bottom:2px solid #007eb5;background:#f5f5f5;}
.yan_language{padding-left:38px;background:url(../images/lan.png) left top no-repeat;height:23px;line-height:23px;text-transform:uppercase;margin-top: 43px;color:#434343;}
p.yan_fx{margin-top: 44px;margin-bottom: 0;}
p.yan_fx a:hover {  color: #d80808;}
p.yan_fx span.weixin {  position: relative;}
p.yan_fx span.weixin:hover em {  display: block;}
p.yan_fx span {  margin-left:10px;  display: inline-block;}
p.yan_fx span em {  width: 140px; position: absolute;top:30px;left:50%;margin-left: -70px; display: none;z-index:2;}
.yan_search{margin-top:24px;width:288px;background:#007eb5;}
.yan_search input{width:248px;height:37px;border:0;background:#fff;}
.yan_search i{color:#fff;cursor:pointer;text-align:center;padding: 0 4px;font-size:22px;}
/*foot*/
.yan_footerl{width:298px;}
.yan_footerl p{margin:0;color:#fff;font-size:12px;line-height:1.8em;}
.yan_footerr{}
.yan_footerr ul{}
.yan_footerr ul li.liul{padding-left:23px;background:url(../images/y.png) left top 2px no-repeat;font-size:13px;width:130px;}
.yan_footerr ul li.liul:last-child{width:auto;}
.yan_footerr ul li a{color:#fff;text-transform:uppercase;}
.yan_footerr ul ul{margin-top:22px;}
.yan_footerr li li{font-size:12px;margin-top:8px;}
.yan_footerr li li a{text-transform:lowercase;}
/*Ã¤ÂºÂ§Ã¥â€œÂ*/
.yan_syprocon{margin-bottom:77px;}
.yan_syprocon ul{margin-top:47px;}
.yan_syprocon ul li li{width:50%;cursor:pointer;}
.yan_syprocon ul li div.pic{width:50%;}
.yan_syprocon ul li div.pic:after{padding-bottom:76.45%;}
.yan_syprocon ul li div.info{width:50%;padding:40px 30px 0;}
.yan_syprocon ul li h3{font-size:18px;}
.yan_syprocon ul li h3 a{color:#1a1a1a;}
.yan_syprocon ul li p{margin-top:20px;color:#c2c2c2;line-height:1.5em;height:4.5em;overflow:hidden;}
.yan_syprocon ul li li:hover h3 a{color:#007eb5;}
.yan_syprocon ul li img{transform:scale(1);transition:0.3s;}
.yan_syprocon ul li li:hover img{transform:scale(1.3);}
.yan_syprocon .owl-pagination{display:none;}
.yan_syprocon .owl-theme .owl-controls{margin-top:52px;}
.yan_syprocon .owl-theme .owl-controls .owl-buttons div{margin:0 7px;padding:0px 6px;font-size:18px;background:#007eb5;opacity:1;}
.yan_syprocon .owl-theme .owl-controls .owl-buttons div:hover{background:#0ba6ed;}

/*Ã¥ÂË†Ã¤Â½Å“Ã¤Â¼â„¢Ã¤Â¼Â´*/
.yan_partner{background:#f9f9f9;padding-bottom:90px;}
.yan_partner h3{font-size:16px;font-weight:bold;text-transform:uppercase;color:#797979;margin-top:80px;text-align:center;}
.yan_partner span.heng{display:block;width:37px;margin:10px auto 0;border-top:2px solid #eee;}
.yan_partner ul.yan_partner_ul{margin-top:32px;}
.yan_partner ul li{border:0;}
.yan_partner ul li li{border:1px solid #eee;width:25%;}
.yan_partner ul li li a.pic{display:block;}
.yan_partner ul li li a.pic:after{padding-bottom:35.61%;}
.yan_partner ul li li a img{transition:0.3s;}
.yan_partner ul li li a:hover img{transform:scale(1.2);}

.yan_partner .owl-theme .owl-controls{margin-top:42px;}
.yan_partner .owl-theme .owl-controls .owl-page span{background:#c9c9c9;opacity:1;margin:4px 4.5px;width:8px;height:8px;}
.yan_partner .owl-theme .owl-controls .owl-page.active span,.yan_partner .owl-theme .owl-controls.clickable .owl-page:hover span{background:#007eb5;}

/**/
.yan_menu{background:rgba(0,121,177,0.7);position:relative;margin-top:-54px;z-index:2;height:54px;font-size:12px;color:#fff;line-height:54px;}
.yan_menu a{color:#fff;display:inline-block;line-height:30px;margin-right:58px;text-transform:uppercase;}
.yan_menu a:hover,.yan_menu a.on{border-bottom:1px solid #fff;}
.yan_mbx{text-transform:uppercase;}
.yan_mbx a{margin-right:0;}
.yan_mbx a:hover{border:0;}
/*Ã¤ÂºÂ§Ã¥â€œÂÃ¥Âºâ€Ã§â€Â¨*/
.yan_nytit{margin-top:85px;margin-bottom:80px;}
.yan_nytit h2{font-size:24px;font-weight:bold;color:#000;}
.yan_nytit div{margin-top:30px;}
.yan_nytit div p{font-size:14px;color:#636363;margin-bottom:5px;}
.yan_pro_application{margin-bottom:50px;}
.yan_pro_application h3{font-size:18px;color:#000;}
.yan_pro_application ul{text-align:center;margin-top:25px;}
.yan_pro_application ul li{margin:0 0.9% 0 0;width:24.27%;}
.yan_pro_application ul li:nth-child(4n){margin-right:0;}
.yan_pro_application ul li h4{color:#636363;font-size:14px;font-weight:normal;margin-top:20px;margin-bottom:30px;}
.yan_pro_application ul li .pic .zzc {  width: 100%;  height: 100%;  background: url(../images/hzzcbg.png);  position: absolute;  bottom: 0; display: none;}
.yan_pro_application ul li .pic .zzc span {  display: inline-block;  width: 36px;  height: 36px;  background: url(../images/honorbtn.png) no-repeat center;}
.yan_pro_application ul li:hover .zzc {  display: block;}
/*news*/
.yan_news .yan_search{width:100%;background:#fbfbfb;font-size:14px;color:#404040;line-height:50px;height:50px;overflow:hidden;padding:0 30px;}
.yan_news .yan_search input{background:#fbfbfb;width:93%;}
.yan_news .yan_search i{color:#000;line-height:50px;display:inline-block;font-size:20px;padding:0;margin-left:10px;}
/*Ã¨Ââ€Ã§Â³Â»Ã¦Ë†â€˜Ã¤Â»Â¬*/
.yan_contact{margin-top:115px;}
.yan_contact p{text-align:justify;font-size:24px;color:#1d1d1d;margin-bottom: 0;line-height:1em;}
.yan_contact ul{margin-top:45px;}
.yan_contact ul:after{clear:both;display:table;content:" ";}
.yan_contact ul li{float:left;width:35.8%;text-indent: 43px;}
.yan_contact ul li:nth-child(1){text-indent:0;}
.yan_contact ul li:nth-child(2){border:1px solid #d1d1d1;border-top:0;border-bottom:0;}
.yan_contact ul li:nth-child(3){width: 28%;}
.yan_contact ul li p{font-size:14px;margin-bottom:12px;text-align:left;}
/*Ã¤ÂºÂ§Ã¥â€œÂÃ¥Â±â€¢Ã§Â¤Âº*/
.yan_pro{}
.yan_pro .yan_search{border-bottom:1px solid #dcdcdc;background:none;width:408px;margin-top:47px;}
.yan_pro .yan_search input{padding-left:20px;width:89%;}
.yan_pro .yan_search i{color:#000;}
.yan_pro .yan_search{}
.yan_pro .yan_nytit{margin:0;}
.yan_pro .yan_nytit .info{text-align:center;margin-top:25px;}
.yan_pro .yan_nytit h2{margin-top:40px;}
.yan_promenu{margin-top: 50px;/*height:51px;*/}
/*.yan_promenu span{margin:0 3px;}*/
.yan_promenu a{/* display:inline-block; line-height:50px; border-bottom:1px solid #c9c9c9;  padding:0 38px; margin-right:38px; */}
/*.yan_promenu a{display:inline-block;padding: 2px 11px;background: #dedede;margin: 5px 0;}*/
/*.yan_promenu a:hover,.yan_promenu a.on{line-height:48px;border-bottom:3px solid #007eb5;color:#007eb5;}*/
/*Ã¥ÂÅ’Ã§Â±Â»Ã¤ÂºÂ§Ã¥â€œÂ*/
.yan_promenu ul.yan_promenu_ul{}
.yan_promenu ul.yan_promenu_ul li{display:inline-block;padding: 2px 11px;background: #dedede;margin: 5px 0;cursor:pointer;}
.yan_promenu ul.yan_promenu_ul li.current,.yan_promenu ul.yan_promenu_ul li:hover{color:#007eb5;}

.yan_tl_pro{margin-top: 65px;}
.yan_tl_pro h3{font-weight:normal;font-size:14px;color:#000;text-indent: 10px;padding-bottom:15px;border-bottom:1px solid #dcdcdc;}
.yan_tl_pro ul{text-align:center;padding-bottom: 34px;margin-top:29px;}
.yan_tl_pro ul li{width:24.19%;margin-right:1.08%;}
.yan_tl_pro ul li:nth-child(4n){margin-right:0;}
.yan_tl_pro ul li .pic{width:100%;background:#eee;}
.yan_tl_pro ul li .pic:after{padding-bottom:100%;}
.yan_tl_pro ul li .protxt{padding:22px 0;}
/*Ã¤Â¸â€¹Ã¨Â½Â½*/
.yan_downmenu{margin-top: 48px;padding-bottom: 28px;border-bottom: 1px solid #959595;}
.yan_downmenu a{color:#2b2b2b;margin-right: 84px;}
.yan_downmenu a:hover,.yan_downmenu a.on{color:#007eb5}
#download{}
#download table{width:100%;margin-top:19px;margin-bottom:142px;}
#download table th{border-bottom:1px solid #dfdfdf;color:#010101;font-weight:normal;line-height:44px;}
#download table td{border-bottom:1px solid #dfdfdf;color:#000;line-height:44px;}
#download a{color:#000}
#download a:hover{color:#007eb5}
/*Ã§Â®â‚¬Ã¤Â»â€¹*/
.yan_about_img{width:1170px;overflow:hidden;}
.yan_about_img ul{width:1185px;margin-top:75px;}
.yan_about_img ul li{margin:0;width:96.2%;}
.yan_about_img ul li:nth-child(3n){margin-right:0;}
.yan_about_img ul li h4{color:#636363;font-size:14px;font-weight:normal;margin-top:20px;margin-bottom:30px;}
.yan_about_img ul li .pic .zzc {  width: 100%;  height: 100%;  background: url(../images/hzzcbg.png);  position: absolute;  bottom: 0; display: none;}
.yan_about_img ul li .pic .zzc span {  display: inline-block;  width: 36px;  height: 36px;  background: url(../images/honorbtn.png) no-repeat center;}
.yan_about_img ul li:hover .zzc {  display: block;}
.yan_about_img .owl-pagination{display:none;}
.yan_about_img .owl-theme .owl-controls{margin-top:0;}
.yan_about_img .owl-theme .owl-controls .owl-buttons div{margin:38px 7px 75px;font-size:18px;color:#007eb5;padding:2px 8px;background:#fff;box-shadow: 0px 0px 5px #aaa;}
/*Ã¨ÂÂ¥Ã©â€â‚¬*/
.about_yx{margin-top:55px;margin-bottom: 50px;}
.about_yx p{margin:0;color:#838383;}
/*Ã¥Ââ€˜Ã¥Â±â€¢*/
.aboutfz .xian{width:1px;height:100%;background:#979494;left:50%;margin-left:-0.5px;top:0;}
.aboutfz {overflow:hidden;}
.aboutfz ul{}
.aboutfz ul li{width:100%;}
.aboutfz ul li:nth-child(odd){padding-left:634px;background:url(../images/libg1.png) left 579px top 16px no-repeat;}
.aboutfz ul li:nth-child(even){text-align:right;padding-right:634px;background:url(../images/libg2.png) right 580px top 16px no-repeat;}
.aboutfz ul li p{margin:0;padding-bottom:10px;font-size:14px;color:#616161;}
.yan_btn a{display:block;width:35px;height:35px;border-radius:50%;border:1px solid #979494;color:#979494;text-align:center;line-height:33px;margin:0 auto}
.yan_btn i{font-size:20px;}
.yan_btn a:hover{color:#007eb5;border-color:#007eb5}
.yan_btn span{display:block;width:1px;height:47px;background:#979494;margin:0 auto}



          .yan_xiala{position:fixed;left:0;top:160px;width:100%;background:#fff;z-index:2;display:none;}
          .yan_xiala ul{padding:10px 0;}
          .yan_xiala ul li{}
          .yan_xiala ul li h3{font-size:14px;font-weight:normal;text-align:center;margin-top:5px;}